<template>

<el-header class="me-area">
  <el-row class="me-header">
    <el-col  :span="16">
            <el-menu :router=true menu-trigger="click" active-text-color="#5FB878" :default-active="activeIndex"
            mode="horizontal">
              <el-menu-item index="/">首页</el-menu-item>
              <el-menu-item index="/category/all">文章分类</el-menu-item>
              <el-menu-item index="/tag/all">标签</el-menu-item>
              <el-menu-item index="/archives">文章归档</el-menu-item>
              <el-menu-item index="/log">日志</el-menu-item>
              <el-menu-item index="/messageBoard">留言板</el-menu-item>

            </el-menu>
    </el-col>
  </el-row>
  </el-header>



  <el-main>
    <p class="me-view-comment-content">哈哈</p>

    <div class="me-view-comment-write">
      <el-input
        type="input"
        style="width: 90%"
        :placeholder="placeholder"
        class="me-view-comment-text"
        resize="none">
      </el-input>
      <el-button style="margin-left: 8px" @click="publishComment()" type="text">评论</el-button>
    </div>
  </el-main>


  
      <!-- <p class="me-view-comment-content">{{comment.content}}</p> -->

      
      
      

      <!-- <div class="me-reply-list">
        <div class="me-reply-item" v-for="c in comment.childrens" :key="c.id">
          <div style="font-size: 14px">
            <span class="me-reply-user">{{c.author.nickname}}:&nbsp;&nbsp;</span>

            <span v-if="c.level == 2" class="me-reply-user">@{{c.toUser.nickname}} </span>

            <span>{{c.content}}</span>
          </div>
          <div class="me-view-meta">
            <span style="padding-right: 10px">{{c.createDate | format}}</span>
            <a class="me-view-comment-tool" @click="showComment(c.id, c.author)">
              <i class="me-icon-comment"></i>&nbsp;回复
            </a>
          </div>

        </div>

        <div class="me-view-comment-write" v-show="commentShow">

          <el-input
            v-model="reply.content"
            type="input"
            style="width: 90%"
            :placeholder="placeholder"
            class="me-view-comment-text"
            resize="none">
          </el-input>

          <el-button style="margin-left: 8px" @click="publishComment()" type="text">评论</el-button>

        </div>

      </div> -->

</template>

<script>
  
</script>

<style>


.me-view-tag-item {
    margin: 0 4px;
  }

  .me-view-comment {
    margin-top: 60px;
  }

  .me-view-comment-title {
    font-weight: 600;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
  }

  .me-view-comment-write {
    margin-top: 20px;
  }

  .me-view-comment-text {
    font-size: 16px;
  }

  .v-show-content {
    padding: 8px 25px 15px 0px !important;
  }

  .v-note-wrapper .v-note-panel {
    box-shadow: none !important;
  }

  .me-view-comment-item {
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
  }

  .me-view-comment-author {
    margin: 10px 0;
    vertical-align: middle;
  }

  .me-view-nickname {
    font-size: 14px;
  }

  .me-view-comment-content {
    color: #000;
    line-height: 1.5;
  }

  .me-view-comment-tools {
    margin-top: 4px;
    margin-bottom: 10px;
  }

  .me-view-comment-tool {
    font-size: 13px;
    color: #a6a6a6;
    padding-right: 14px;
  }

  .v-note-wrapper .v-note-panel .v-note-show .v-show-content, .v-note-wrapper .v-note-panel .v-note-show .v-show-content-html {
    background: #fff !important;
  }

  .me-reply-list {
    padding-left: 16px;
    border-left: 4px solid #c5cac3;
  }

  .me-reply-item {
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
  }

  .me-reply-user {
    color: #78b6f7;
  }
</style>
